﻿<%@ Page Title="" Language="C#" MasterPageFile="~/SiteJN.Master" AutoEventWireup="true" CodeBehind="List.aspx.cs" Inherits="jnagr.Web.weatherinfo.List" %>

<%@ Register Src="~/Controls/checkright.ascx" TagPrefix="uc1" TagName="checkright" %>
<%@ Register Src="~/Controls/copyright.ascx" TagPrefix="uc1" TagName="copyright" %>
<%@ Register Src="~/Controls/weather.ascx" TagPrefix="uc1" TagName="weather" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <%--<script src="../Script/countUp.js"></script>
    <script src="../Script/countnumber.js"></script>--%>
    <link href="../CSS/wlist.css" rel="stylesheet" />
    <script type="text/javascript">
        var sprovince = "";
        var scity = "";
        var scounty = "";
        var areas = "";
        var se = "";
        var sebm = "";
        var getdata = "";
        var level;
        var markerClusterer;
        var markers = [];
        var devid;
        var devname;
        var XQHID;//气候参数
        var wchartInstance;
        var chs = "";
        var pt;
        var uid = "";
        var map;
        var data_info;
        var opts;
        var dtOpstart;
        var dtOpend;
        var ch = new Array("", "", "", "");
        var xqhlist = "";
        var filterObj = "";
        var sercount = 0;
        var options = {
            useEasing: true,
            useGrouping:false,
            separator: ',',
            decimal: '.',
            prefix: '',
            suffix: ''
        };
        $(function () {
            Highcharts.setOptions({
                lang: {
                    contextButtonTitle: "图表导出菜单",
                    decimalPoint: ".",
                    downloadJPEG: "下载JPEG图片",
                    downloadPDF: "下载PDF文件",
                    downloadPNG: "下载PNG文件",
                    downloadSVG: "下载SVG文件",
                    drillUpText: "返回 {series.name}",
                    loading: "加载中",
                    months: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
                    noData: "没有数据",
                    numericSymbols: ["千", "兆", "G", "T", "P", "E"],
                    printChart: "打印图表",
                    resetZoom: "恢复缩放",
                    resetZoomTitle: "恢复图表",
                    shortMonths: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
                    thousandsSep: ",",
                    weekdays: ["星期一", "星期二", "星期三", "星期三", "星期四", "星期五", "星期六", "星期天"]
                }
            });
            $.ajax({
                type: "post",
                dataType: "json",
                url: "../admin/getinfo.ashx?action=level",
                success: function aa(data) {
                    sprovince = data[0].province;
                    scity = data[0].city;
                    scounty = data[0].county;
                    InitTree();
                    InitMap();
                }
            });
        });

        function InitMapmark() {
            $('#win').datagrid({
                //title: '测报点列表', //表格标题
                url: '../devinfo/GetDev.ashx', //请求数据的页面
                sortName: 'mname', //排序字段
                idField: 'mid', //标识字段,主键
                iconCls: '', //标题左边的图标
                width: '95%', //宽度
                height: '95%', //高度
                nowrap: false, //是否换行，True 就会把数据显示在一行里
                striped: true, //True 奇偶行使用不同背景色
                collapsible: false, //可折叠
                sortOrder: 'desc', //排序类型
                remoteSort: true, //定义是否从服务器给数据排序
                fitColumns: true,
                singleSelect: true,
                method: 'post',
                columns: [[
	                { title: '测报站名', field: 'mname', width: 80, sortable: true }
                ]],
                toolbar: "#tab_toolbar",
                queryParams: { "action": "querydev", "dtype": "XQH" },
                pageNumber: 1, //默认索引页
                pageSize: 500, //默认一页数据条数
                rownumbers: true, //行号
                pageList: [10, 20, 50, 200, 500],
                pagination: false, //是否开启分页                
                onLoadSuccess: function (data) {
                    data_info = [];
                    getdata = data;
                    map.clearOverlays();
                    $.each(data.rows, function (k, v) {
                        data_info.push({ "lng": v["mjd"], "lat": v["mwd"], "mlevel": v["DevType"], "mname": v["devname"], "madd": v["DevLocation"], "mpic": v["mpic"], "devid": v["DevID"], "XQHID": v["XQHID"] });
                    });
                    var mlevel;
                    var marker;
                    var ptt = "";
                    if (markers.length > 0) {
                        if (markerClusterer != null) {
                            markerClusterer.removeMarkers(markers);
                            markerClusterer = null;
                        }
                        markers = [];
                    }
                    for (var i = 0; i < data_info.length; i++) {
                        mlevel = data_info[i].mlevel;
                        ptt = new BMap.Point(data_info[i].lng, data_info[i].lat);
                        if (mlevel == 'CBD')
                            marker = new BMap.Marker(ptt, { icon: icon4 });
                        else if (mlevel == 'YBQ')
                            marker = new BMap.Marker(ptt, { icon: icon3 });
                        else if (mlevel == 'XQH')
                            marker = new BMap.Marker(ptt, { icon: icon2 });
                        else
                            marker = new BMap.Marker(ptt, { icon: icon1 });

                        var did = data_info[i].devid;
                        var xqh = data_info[i].XQHID;
                        var dname = data_info[i].mname;
                        map.addOverlay(marker);
                        label = new BMap.Label(data_info[i].mname, { offset: new BMap.Size(20, -10) });
                        marker.setLabel(label);
                        markers.push(marker);
                        addClickHandler(did, xqh,dname, marker);
                    }
                    if (markers.length > 0)
                        markerClusterer = new BMapLib.MarkerClusterer(map, { markers: markers });//对地图扩大缩小后会都所有的点全显示出来。
                    if (scounty != "")
                        map.centerAndZoom(scounty, 12);
                    else if (scity != "")
                        map.centerAndZoom(scity, 10);
                    else if (sprovince != "")
                        map.centerAndZoom(sprovince, 8);
                    else
                        map.centerAndZoom("西安", 5);
                    if (areas != "")
                        getBoundary(areas);
                    renderstation();
                }
            });
        }

        function addClickHandler(did, xqh,dname, marker) {
            marker.addEventListener("click", function (e) {
                showawsinfectInfo(did, xqh,dname);
            }
            );
        }
        function InitTree() {
            $('#pt').tree({
                width: '100%', //宽度 
                lines: true,
                //data: provincetree,   
                url: '../areainfo/GetArea.ashx', //请求数据的页面 
                method: 'post',
                queryParams: { "action": "querymyareauser" },
                onBeforeExpand: function (node) {
                    $("#pt").tree("options").queryParams = { "action": "queryyb" };
                    $('#pt').tree('options').url = "../areainfo/GetArea.ashx?pid=" + node.id;
                },
                onClick: function (node) {
                    if (node.text != "") {
                        sebm = node.bm;
                        //获取地区全称
                        if (sebm == "0")
                            areas = "";
                        else if (sebm.length == 6 && sebm.indexOf("0000")) {
                            areas = node.text;
                        }
                        else {
                            var result = $.ajax({
                                url: "../areainfo/GetArea.ashx?action=queryarea",
                                type: 'post',
                                dataType: 'json',
                                async: false,
                                cache: false
                            }).responseText;
                            areas = result;
                        }
                        reloadgridTree();
                    }

                },
                onLoadSuccess: function (node, param) {

                }
            });
        }
        function showawsinfectInfo(did, xqh,dname) {
            devid = did;
            XQHID = xqh;
            chs = XQHID;
            devname = dname;
            addTab(devid, 'mylist.html');
        }

        function showxc() {
            $("#yjfx").panel({
                href: '../html/alarmall.html',
                title: '灾情预警信息',
                //tools: [{ iconCls: 'icon-phone', handler: function () { sendAlarm('灾情预警'); } }],
                onLoad: function () {
                    InitSendUser();
                    $("#btnyj").click(function () {
                        sendAlarm('灾情预警');
                    });
                }

            });
            
            $('#dtOpstart,#dtOpend').datebox({ width: 100 });
            var curr_time = new Date();
            var tc_time = new Date(curr_time.getTime() + 24 * 60 * 60 * 1000);
            var strDate = curr_time.getFullYear() + "-";
            strDate += curr_time.getMonth() + 1 + "-";
            strDate += curr_time.getDate();
            var strDateend = tc_time.getFullYear() + "-";
            strDateend += tc_time.getMonth() + 1 + "-";
            strDateend += tc_time.getDate();
            $("#dtOpstart").datebox("setValue", strDate);
            $("#dtOpend").datebox("setValue", strDateend);
            grid.bind();
            InitM();
            $('#a_search').click(search);
            $('#avgbtn').click(phoneavg);
            $('#avgm').click(mavg);
            $('#a_export').click(function () {
                Export('excel', $('#histList'));
                //if (cid != "") {
                //    var ee = new ExportExcel('histList');
                //    ee.go(cid);
                //}
                //else {
                //    $.messager.alert("提示", "对不起，请选择设备再导出！", "info");
                //}
            });
        }
        function changefx(d) {
           
            var res = "";
            if (!isNaN(d)) {
                if (d != "") {
                    if (d < 15 || d >= 345)
                        res = "北";
                    else if (d >= 15 && d < 45)
                        res = "东北偏北";
                    else if (d >= 45 && d < 75)
                        res = "东北偏东";
                    else if (d >= 75 && d < 105)
                        res = "东";
                    else if (d >= 105 && d < 135)
                        res = "东南偏东";
                    else if (d >= 135 && d < 165)
                        res = "东南偏南";
                    else if (d >= 165 && d < 195)
                        res = "南";
                    else if (d >= 195 && d < 225)
                        res = "西南偏南";
                    else if (d >= 225 && d < 255)
                        res = "西南偏西";
                    else if (d >= 255 && d < 285)
                        res = "西";
                    else if (d >= 285 && d < 315)
                        res = "西北偏西";
                    else if (d >= 315 && d < 345)
                        res = "西北偏北";
                }
                else res = d;
                
            }
            else res = d;
            return res;
        }
        function InitM() {
            xqhlist = XQHID;
            cid = devid;
            if (xqhlist != "") {
                chs = xqhlist.split(',');
                var s = "[[";
                $.each(chs, function () {
                    if (this != "风向")
                        s = s + "{field:'" + this + "',title:'" + this + "',width:80},";
                    else
                        s = s + "{field:'" + this + "',title:'" + this + "',width:80,formatter: function(value,row,index){ return changefx(value)}},";
                });
                s = s + "{field:'datetime',title:'更新时间',width:160}";
                s = s + "]]";
                WChartJS.init(chs);
                $('#histList').datagrid({
                   
                    url: "../devinfo/GetStatus.ashx?action=XQH",
                    columns: eval(s),
                    queryParams: { devID: devid, "StartTime": $("#dtOpstart").datebox("getValue"), "EndTime": $("#dtOpend").datebox("getValue") },
                    onClickRow: function (rowIndex, rowData) {
                        Initonegrid(rowIndex);
                        var opts = $('#histList').datagrid('getColumnFields');
                        var s = "";
                        for (var i = 0; i < opts.length-1; i++) {
                            s += opts[i] + ":" + getdata.rows[rowIndex][opts[i]] + " "
                        }
                        s = "小气候设备ID：" + devid + "，设备名字：" + devname + "，于" + rowData.datetime + "上报数据为：" + s;
                        
                        $("#mmark").val(s);
                    },
                    onLoadSuccess: function (data) {
                        //WChartJS.init(chs);
                        getdata = data;
                        var md;
                        var t1 = "";
                        $.each(data.rows, function (k, v) {
                            md = v["datetime"];
                            md = md.replace(/-/g, "/");
                            md = Date.parse(md);
                            t1 = md + "," + t1;

                        });
                        t1 = t1 = "[" + t1 + "]";
                        wchartInstance.xAxis[0].setCategories(eval(t1));
                        var j = 0;
                        for (var i = 0; i < chs.length; i++) {
                            if (chs[i] != '风向') {
                                t1 = "";
                                $.each(data.rows, function (k, v) {
                                    md = v["datetime"];
                                    t1 = "[" + v[chs[i]] + "]," + t1;

                                });
                                t1 = "[" + t1 + "]";
                                wchartInstance.series[j].setData(eval(t1));
                                j++
                            }
                        }
                        sercount = j;
                        for (var i = 0; i < j; i++) {
                            if (i != 0)
                                wchartInstance.series[i].hide();
                        }
                        Initonegrid(0);
                    }
                });

            }
            else {
                $.messager.alert("提示", "对不起，设备没有设置气候参数！", "info");

            }

        }
        function phoneavg() {
            if (xqhlist != "") {
                var chs = xqhlist.split(',');
                $('#histList').datagrid({
                    //title: "设备[" + node.attributes.username + "] 的历史记录",
                    url: "../devinfo/GetStatus.ashx?action=XQHA",
                    //columns: eval(s),
                    queryParams: { devID: devid, "StartTime": $("#dtOpstart").datebox("getValue"), "EndTime": $("#dtOpend").datebox("getValue") },
                    onLoadSuccess: function (data) {
                        getdata = data;
                        WChartJS.init(chs);
                        var md;
                        var t1 = "";
                        $.each(data.rows, function (k, v) {
                            md = v["datetime"];
                            md = md.replace(/-/g, "/");
                            md = Date.parse(md);
                            t1 = md + "," + t1;

                        });
                        t1 = t1 = "[" + t1 + "]";
                        wchartInstance.xAxis[0].setCategories(eval(t1));
                        var j = 0;
                        for (var i = 0; i < chs.length; i++) {
                            if (chs[i] != '风向') {
                                t1 = "";
                                $.each(data.rows, function (k, v) {
                                    md = v["datetime"];
                                    t1 = "[" + v[chs[i]] + "]," + t1;

                                });
                                t1 = "[" + t1 + "]";
                                wchartInstance.series[j].setData(eval(t1));
                                j++;
                            }
                        }
                        sercount = j;
                        for (var i = 0; i < j; i++) {
                            if (i != 0)
                                wchartInstance.series[i].hide();
                        }
                    }
                });
            }
            else {
                $.messager.alert("提示", "对不起，设备没有设置气候参数！", "info");

            }

        }

        function mavg() {
            if (xqhlist != "") {
                var chs = xqhlist.split(',');

                $('#histList').datagrid({
                    //title: "设备[" + node.attributes.username + "] 的历史记录",
                    url: "../devinfo/GetStatus.ashx?action=XQHM",
                    //columns: eval(s),
                    queryParams: { devID: devid, "StartTime": $("#dtOpstart").datebox("getValue"), "EndTime": $("#dtOpend").datebox("getValue") },
                    onLoadSuccess: function (data) {
                        getdata = data;
                        WChartJS.init(chs);
                        var md;
                        var t1 = "";
                        $.each(data.rows, function (k, v) {
                            md = v["datetime"] + "-01";
                            md = md.replace(/-/g, "/");
                            md = Date.parse(md);
                            t1 = md + "," + t1;

                        });
                        t1 = t1 = "[" + t1 + "]";
                        wchartInstance.xAxis[0].setCategories(eval(t1));
                        var j = 0;
                        for (var i = 0; i < chs.length; i++) {
                            if (chs[i] != '风向') {
                                t1 = "";
                                $.each(data.rows, function (k, v) {
                                    md = v["datetime"];
                                    t1 = "[" + v[chs[i]] + "]," + t1;

                                });
                                t1 = "[" + t1 + "]";
                                wchartInstance.series[j].setData(eval(t1));
                                j++;
                            }
                        }
                        sercount = j;
                        for (var i = 0; i < j; i++) {
                            if (i != 0)
                                wchartInstance.series[i].hide();
                        }
                    }
                });
            }
            else {
                $.messager.alert("提示", "对不起，设备没有设置气候参数！", "info");
            }

        }

        var grid = {
            bind: function () {
                var h = $("#my1").height();
                var w = $("#my1").width();
                $('#histList').datagrid({
                    toolbar: '#toolbar',
                    title: "祥辰小气候历史数据列表",
                    iconCls: 'icon icon-list',
                    height: h,
                    width: w,
                    collapsible: false, //可折叠
                    sortOrder: 'desc', //排序类型
                    remoteSort: true, //定义是否从服务器给数据排序
                    fitColumns: true,
                    nowrap: true, //折行
                    rownumbers: true, //行号
                    striped: true, //隔行变色
                    idField: 'ID', //主键
                    singleSelect: true, //单选
                    columns: [[
                        { title: '更新时间', field: 'datetime', width: 150, align: 'center' }
                    ]],
                    pagination: true,
                    pageNumber: 1, //默认索引页
                    pageSize: 20, //默认一页数据条数                   
                    pageList: [20, 40, 1000,10000]
                });
            },
            getSelectedRow: function () {
                return $('#histList').datagrid('getSelected');
            },
            reload: function () {
                $('#histList').datagrid('clearSelections').datagrid('reload', { filter: '' });
            }
        };
        function search() {
            $('#histList').datagrid('load', { devID: devid, "StartTime": $("#dtOpstart").datebox("getValue"), "EndTime": $("#dtOpend").datebox("getValue") });

        }
        var wchartInstance;
        var WChartJS = {
            init: function (chs) {
                var s = "[";
                $.each(chs, function () {
                    if (this != '风向')
                        s = s + "{name:'" + this + "',data:[]},";
                });
                s = s.substr(0, s.length - 1);
                s = s + "]";
                wchartInstance = new Highcharts.Chart({
                    chart: {
                        renderTo: 'chartArea',
                        type: 'line'
                    },
                    credits: {
                        enabled: false
                    },
                    exporting: {
                        enabled: true
                    },
                    title: {
                        text: '小气候数据',
                        x: -20 //center
                    },
                    xAxis: {
                        type: 'datetime',
                        labels: {
                            step: 4,
                            formatter: function () {
                                return new Date(this.value).toLocaleDateString();
                            }
                        }
                    },
                    yAxis: {
                        title: {
                            text: '数值'
                        },
                        plotLines: [{
                            value: 0,
                            width: 1,
                            color: '#808080'
                        }]
                    },
                    plotOptions: {
                        series: {
                            events: {
                                legendItemClick: function () {
                                    var visibility = this.visible ? 'visible' : 'hidden';
                                    if (visibility == 'hidden') {
                                        for (var i = 0; i < sercount; i++) {
                                            wchartInstance.series[i].hide();
                                        }
                                    }
                                    return true;
                                }
                            }
                        }
                    },
                    tooltip: {
                        formatter: function () {
                            if (this.series.name == '风向') {
                                var d = this.y;
                                var res = "";
                                if (d < 15 || d >= 345)
                                    res = "北";
                                else if (d >= 15 && d < 45)
                                    res = "东北偏北";
                                else if (d >= 45 && d < 75)
                                    res = "东北偏东";
                                else if (d >= 75 && d < 105)
                                    res = "东";
                                else if (d >= 105 && d < 135)
                                    res = "东南偏东";
                                else if (d >= 135 && d < 165)
                                    res = "东南偏南";
                                else if (d >= 165 && d < 195)
                                    res = "南";
                                else if (d >= 195 && d < 225)
                                    res = "西南偏南";
                                else if (d >= 225 && d < 255)
                                    res = "西南偏西";
                                else if (d >= 255 && d < 285)
                                    res = "西";
                                else if (d >= 285 && d < 315)
                                    res = "西北偏西";
                                else if (d >= 315 && d < 345)
                                    res = "西北偏北";
                                return '<b>' + this.series.name + '：</b>' + res + '<br/> <b>时间：</b>' + new Date(this.x).toLocaleString();
                            }
                            else
                                return '<b>' + this.series.name + '：</b>' + this.y + '<br/> <b>时间：</b>' + new Date(this.x).toLocaleString();
                        }

                    },
                    legend: {
                        layout: 'vertical',
                        align: 'right',
                        verticalAlign: 'middle',
                        borderWidth: 0
                    },
                    series: eval(s)
                });
            }
        };
        function Initonegrid(r) {
            if (getdata.rows.length > 0) {
                var opts = $('#histList').datagrid('getColumnFields');
                var s = "";
                for (var i = 0; i < opts.length-1; i++)
                {
                    if (opts[i] == "风速")
                        {
                            s += "<div class='wpic fs'><div class='wshowdata'>" + getdata.rows[r][opts[i]] + "</div></div>";
                        }
                    else if (opts[i] == "风向") {
                        var fx = changefx(getdata.rows[r][opts[i]]);
                        if (fx.length!=4)
                            s += "<div class='wpic fx'><div class='wshowdata'>" + fx + "</div></div>";
                        else
                            s += "<div class='wpic fx'><div class='wshowdata' style='font-size:10px;'>" + fx + "</div></div>";
                        }
                        else if (opts[i] == "土壤温度") {
                            s += "<div class='wpic tw'><div class='wshowdata'>" + getdata.rows[r][opts[i]] + "</div></div>";
                        }
                        else if (opts[i] == "土壤湿度") {
                            s += "<div class='wpic ts'><div class='wshowdata'>" + getdata.rows[r][opts[i]] + "</div></div>";
                        }
                        else if (opts[i] == "空气湿度") {
                            s += "<div class='wpic sd'><div class='wshowdata'>" + getdata.rows[r][opts[i]] + "</div></div>";
                        }
                        else if (opts[i] == "空气温度") {
                            s += "<div class='wpic wd'><div class='wshowdata'>" + getdata.rows[r][opts[i]] + "</div></div>";
                        }
                        else if (opts[i] == "雨量") {
                            s += "<div class='wpic yl'><div class='wshowdata'>" + getdata.rows[r][opts[i]] + "</div></div>";
                        }
                        else if (opts[i] == "蒸发") {
                            s += "<div class='wpic zf'><div class='wshowdata'>" + getdata.rows[r][opts[i]] + "</div></div>";
                        }
                        else if (opts[i] == "露点") {
                            s += "<div class='wpic ld'><div class='wshowdata'>" + getdata.rows[r][opts[i]] + "</div></div>";
                        }
                        else if (opts[i] == "光照") {
                            s += "<div class='wpic gz'><div class='wshowdata'>" + getdata.rows[r][opts[i]] + "</div></div>";
                        }
                        else if (opts[i] == "光合有效") {
                            s += "<div class='wpic gh'><div class='wshowdata'>" + getdata.rows[r][opts[i]] + "</div></div>";
                        }
                        else if (opts[i] == "二氧化碳") {
                            s += "<div class='wpic co2'><div class='wshowdata'>" + getdata.rows[r][opts[i]] + "</div></div>";
                        }
                        else if (opts[i] == "直接辐射表") {
                            s += "<div class='wpic zjfs'><div class='wshowdata'>" + getdata.rows[r][opts[i]] + "</div></div>";
                        }
                        else if (opts[i] == "总辐射") {
                            s += "<div class='wpic zfs'><div class='wshowdata'>" + getdata.rows[r][opts[i]] + "</div></div>";
                        }
                        else if (opts[i] == "紫外辐射(全波段)") {
                            s += "<div class='wpic zwfs'><div class='wshowdata'>" + getdata.rows[r][opts[i]] + "</div></div>";
                        }                    
                }
                s += "<div style='clear:both;'></div>";
                $("#showonedata").html(s);                
            }
        }        
    </script>
    <script id="tmpstations" type="text/html">
        {{each rows as value index}}
        <div class="stations">
            <div class="level1Div" onclick="showawsinfectInfo('{{value.DevID}}','{{value.XQHID}}')">
                <div class="levelsb">{{value.devname}}</div>
                <div class="leveltime">时间：{{value.mdatetime}} 已运行{{value.days}}天</div>
            </div>
        </div>
        {{/each}} 
    </script>
   
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="mainDiv">
        <uc1:checkright runat="server" ID="checkright" />
        <uc1:weather runat="server" ID="weather" />
        <div id="contentDiv">
            <div class="mypt">
                <ul id="pt"></ul>
            </div>
            <div id="mycontent">
                <div id="tab" class="easyui-tabs">
                    <div title="GSI" style="padding: 5px;">

                        <div style="position: relative;">
                            <div id="mymap"></div>
                            <div id="Maptype" style="height: 87px; width: 130px; position: absolute; float: left; margin-left: 850px; top: 50px; z-index: 99; color: Black; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;">
                                <input id="CBstationname" onclick="ShowstationName('checkbox')" checked="checked" style="float: left; margin-left: 10px;"
                                    type="checkbox" />
                                <label onclick="ShowstationName('label')" style="height: 20px; width: 100px; float: left; text-align: left; font-size: 13px; font-family: 宋体; font-weight: bold; margin-top: 3px; cursor: pointer;">
                                    显示名称</label>
                            </div>
                        </div>

                    </div>
                    <div title="设备列表" style="overflow: auto; padding: 5px;">
                        <div id="mystations"></div>
                    </div>                    
                </div>
            </div>
            <div style="clear: both;"></div>
        </div>

        <uc1:copyright runat="server" ID="copyright" />
    </div>
    
</asp:Content>
